<template>
	
		<view class="p-2" >
		<view class="flex a-t j-c-b" >
			<view class="flex a-t" >
				<image class="img1" :src="item.img"  mode="" @click="touxiang(index)"></image>
				<view class="">
					<view>{{ item.title }}</view>
					<text class="" style="color: darkgray;font-size: 12rpx;">{{item.date}}</text>
				</view>
			</view>
			<view class="flex a-t j-c gz animate__animated"  hover-class="animate__fadeInDown" v-if="guanz" @click="guanzhu(index)">
				关注
			</view>
			 <view class="flex a-t j-c gz2 animate__backInLeft" v-else  @click="guanzhu2(index)">
				关注
			</view>
		</view>
		<view class="" @click="neirong">
			<view class="">{{item.title}}</view>
			<image :src="item.image" class="img2"  mode=""></image>
		</view>
		<view class="flex a-t" >
			<view class="flex a-t j-c f1" >
			<text class="iconfont icon-arrow-down-circle fz" ></text>
			<text>{{item.dz}}</text>
			</view>
			<view class="flex a-t j-c f1" >
				<text class="iconfont icon-arrow-up-circle fz" ></text>
				<text>{{item.ndz}}</text>
			</view>
			<view class="flex a-t j-c f1">
				<text class="iconfont icon-at-sign fz" ></text>
				<text>{{item.fx}}</text>
			</view>
			<view class="flex a-t j-c f1" >
				<text class="iconfont icon-bluetooth fz"></text>
				<text>{{item.fx}}</text>
			</view>
		</view>	
			</view>
	
</template>
			
<script>
	
	export default {
		props:{
			  item: Object,
			  index:Number
		},
	}
</script>

<style>

</style>
